
<script type="text/javascript">
  $(window).load(function() {
	$('#slider').nivoSlider ({
	  effect:'fade', 
	  slices:15,
	  boxCols: 8,
	  boxRows: 4,				
	  animSpeed:500,
	  pauseTime:5000,
	  startSlide:0, //Set starting Slide (0 index)
	  directionNav:false, //Next & Prev
	  directionNavHide:true, //Only show on hover
	  controlNav:true, //1,2,3...
	  controlNavThumbs:false, //Use thumbnails for Control Nav
	  controlNavThumbsFromRel:false, //Use image rel for thumbs
	  controlNavThumbsSearch: '.jpg', //Replace this with...
	  controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
	  keyboardNav:true, //Use left & right arrows
	  pauseOnHover:true, //Stop animation while hovering
	  manualAdvance:false, //Force manual transitions
	  captionOpacity:0.8, //Universal caption opacity
	  beforeChange: function(){
	  },
	  afterChange: function(){
	  },
	  slideshowEnd: function(){
	  }, //Triggers after all slides have been shown
	  prevText: 'Prev',
	  nextText: 'Next'
	}
							);
  }
				);
  
</script>
<div class="nivoSlider_wrapper">
  <div id="slider" class="nivoSlider">
	<a href="#" target="_self">
	  <img src="./public/img/banner_slider_01.jpg" alt="Banner1 for slider" title="Banner1 for slider" width="710" height="333"/>
	</a>
	<a href="#" target="_self">
	  <img src="./public/img/banner_slider_02.jpg" alt="Banner2 for slider" title="Banner2 for slider" width="710" height="333"/>
	</a>
	<a href="#" target="_self">
	  <img src="./public/img/banner_slider_03.jpg" alt="Banner3 for slider" title="Banner3 for slider" width="710" height="333"/>
	</a>
  </div>
</div>
<div class="none">
  <div class="box_wrapper_title22">
	<div class="box_wrapper_title">
	  <span class="title-icon">
	  </span>
	  <h1>
		Welcome to Computers
	  </h1>
	</div>
  </div>
  <br/>
</div>
<div class="un_title">
</div>
<div class="contentContainer page_un">
  <div class="contentPadd">
	<div class="prods_content prods_table un">
	  <ul class="row_featured_name row_featured_block" id="row_featured-0">
		<li style="width:345px;" class="wrapper_prods equal-height_featured_block hover">
		  <div class="border_prods">
			<div class="pic_padd wrapper_pic_div" style="width:228px;height:162px;">
			  <a class="prods_pic_bg" href="<?php echo URL . 'featured/brand/hp' ?>" style="width:228px;height:162px;">
				<img src="./public/img/products/hp.png" alt="Lorem ipsum dolor sit amet do" title="Lorem ipsum dolor sit amet do" width="228" height="162" style="width:228px;height:162px;margin:0px 0px 0px 0px;"/>
			  </a>
			</div>
			<div class="sale_percent ">
			  <strong>
				16%
			  </strong>
			</div>
		  </div>
		  <div class="prods_padd">
			
			<div class="name name_padd equal-height_featured_name">
			  <span>
				<a href="<?php echo URL . 'featured/brand/hp' ?>">
				  Make It Matter
				</a>
			  </span>
			</div>
			<div class="desc desc_padd">
			  Reliable, value-packed notebook combines the features you need to work with and a thin design you can easily take on the road.
			</div>
			<a class="button_un" href="<?php echo URL . 'featured/brand/hp' ?>">
			</a>
			<div class="button__padd">
			  
			</div>
		  </div>
		</li>
		<li class="prods_vseparator equal-height_featured_block">
		  <img src="./public/img/spacer.gif" alt="" width="1" height="1"/>
		  </li>
		  <li style="width:345px;" class="wrapper_prods equal-height_featured_block hover">
			<div class="border_prods">
			  <div class="pic_padd wrapper_pic_div" style="width:228px;height:162px;">
				<a class="prods_pic_bg" href="<?php echo URL . 'featured/brand/dell' ?>" style="width:228px;height:162px;">
				  <img src="./public/img/products/dell.png" alt="Excepteur sint occaecat cupidatat" title="Excepteur sint occaecat cupidatat" width="228" height="162" style="width:228px;height:162px;margin:0px 0px 0px 0px;"/>
				</a>
			  </div>
			  <div class="sale_percent ">
				<strong>
				  95%
				</strong>
			  </div>
			</div>
			<div class="prods_padd">
			  
			  <div class="name name_padd equal-height_featured_name">
				<span>
				  <a href="<?php echo URL . 'featured/brand/dell' ?>">
					The Power To Do More
				  </a>
				</span>
			  </div>
			  <div class="desc desc_padd">
				Great for office basics and Enough power for more demanding applications along with Latitude quality.
			  </div>
			  <a class="button_un" href="<?php echo URL . 'featured/brand/dell' ?>">
			  </a>
			  <div class="button__padd">
				
			  </div>
			</div>
		</li>
	</ul>
  </div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
  
  var row_list_featured_name = $('.row_featured_name');
  row_list_featured_name.each(function(){
	new equalHeights_featured_name($('#' + $(this).attr("id")));
  });
  
  var row_list_featured_block = $('.row_featured_block');
  row_list_featured_block.each(function(){
	new equalHeights_featured_block($('#' + $(this).attr("id")));
  });
  
})
</script>
<div class="un_title">
<div class="box_wrapper_title22">
  <div class="box_wrapper_title">
	<span class="title-icon">
	</span>
	<h1 class="cl_both ">
	  New 
	  <span class="color">
		Products For <?php echo date('F');?>
	  </span>
	</h1>
  </div>
</div>
</div>
<div class="contentContainer page_un">
<div class="contentPadd">
  <div class="prods_content prods_table un">
	<ul class="row_new_products_name row_new_products_block" id="row-0">
		
		<?php for ($x=0; $x<3; $x++) {			
			require '_monthproduct.php';
		}?>		  
		
	</ul>	  
	  
	<ul class="row_separator">
	  <li class="prods_hseparator">
		<img src="./public/img/spacer.gif" alt="" width="1" height="1"/>
	  </li>
	</ul>
	<ul class="row_new_products_name row_new_products_block" id="row-1">
	
		<?php for ($x=3; $x<6; $x++) {			
			require '_monthproduct.php';
		}?>	

	</ul>
  </div>
  
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
  
  var row_list_new_products_name = $('.row_new_products_name');
  row_list_new_products_name.each(function(){
	new equalHeights_new_products_name($('#' + $(this).attr("id")));
  }
								 );
  
  var row_list_new_products_block = $('.row_new_products_block');
  row_list_new_products_block.each(function(){
	new equalHeights_new_products_block($('#' + $(this).attr("id")));
  }
								  );
  
}
				 )
</script>
